<template>
  <div>
    <a-radio-group  v-model:value="store.headerActive">
      <a-radio-button value="0">
        <template #default>
          <RightSquareOutlined />
        </template>
      </a-radio-button>
      <a-radio-button value="1">
        <template #default>
          <PicLeftOutlined />
        </template>
      </a-radio-button>
      <a-radio-button value="2">
        <template #default>
          <DownSquareOutlined />
        </template>
      </a-radio-button>
    </a-radio-group>
  </div>
</template>
<script setup>

import { RightSquareOutlined, PicLeftOutlined, DownSquareOutlined } from '@ant-design/icons-vue';
import store from '@/store.js';

import { ref } from 'vue';
const size = ref('large');
</script>
<style scoped>
</style>